//定义json，接收表格数据，使子页面获取到父页面的数据
var json;
layui.use('table', function(){
    var table = layui.table;
    //表格实例
    table.render({
        elem: '#demo'
        ,height: 'full-100'
        ,url: 'toTPStallByPage' //数据接口
        ,page: true //开启分页
        ,limits: [10, 15, 20, 25]
        ,limit: 10
        ,cols: [[ //表头
            //开启排序:sort: true
            //隐藏列：hide:true
            {field: 'perStallId', title: 'ID', align:'center', width:100}
            ,{field: 'lnglat1', title: '经度', align:'center',toolbar: '#l3'}
            ,{field: 'lnglat2', title: '纬度', align:'center',toolbar: '#l4'}
            ,{field: 'perStallAddress', title: '车位地点名称', align:'center'}
            ,{field: 'perUserTel', title: '出租用户联系方式', align:'center',toolbar: '#aa'}
            ,{field: 'perUserName', title: '出租用户名称', align:'center',toolbar: '#bb'}
            ,{field: 'perStallPrice', title: '单价', align:'center'}
            ,{fixed: 'right', title: '操作',align:'center', toolbar: '#barDemo'}//自定义按钮
        ]]
        ,done: function () {
            $("[data-field='perStallAddress']").css('display','none');
            $("[data-field='perUserTel']").css('display','none');
            $("[data-field='perUserName']").css('display','none');
            $("[data-field='perStallPrice']").css('display','none');
        }
    });

    //监听工具条
    table.on('tool(test)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
            lookComm(data);
        }else if(obj.event === 'del'){
            layer.confirm('真的删除行么', function(index){
                del(data);

                layer.close(index);
            });
        }else if(obj.event === 'gis'){
            //layer.alert('ID：'+ data.id + ' 定位')
            var longitude = data.tperStallLnglat.lnglat1;//获取经度
            var latitude = data.tperStallLnglat.lnglat2;//获取纬度
            // 百度地图信息提示窗
            var sContent ="<div style='width:400px; height:200px; margin-top: 15px;'>";
            sContent +="<fieldset class='layui-elem-field layui-field-title'>";
            sContent +="<legend style='font-size:16px;'>"+data.perStallId+"</legend>";
            sContent +="</fieldset>";
            sContent +="<ul class='layui-timeline' style='padding-top:10px;'>";
            sContent +="<li class='layui-timeline-item'>";
            sContent +="<i class='layui-icon layui-timeline-axis'></i>";
            sContent +="<div class='layui-timeline-content layui-text'>";
            sContent +="<p class='layui-timeline-title mapcolLar'>定位信息</p>";
            sContent +="<p class='mapcolLarVice'>经度信息："+data.tperStallLnglat.lnglat1+"</p>";
            sContent +="<p class='mapcolLarVice'>纬度信息："+data.tperStallLnglat.lnglat2+"</p>";
            sContent +="</div>";
            sContent +="</li>";
            sContent +="</ul";
            sContent +="</div>";
            //点击详情进行定位
            if(longitude != "" && latitude != ""){
                map.clearOverlays();//清除地图覆盖物
                chengdu();//重新设置显示区域为四川省成都市
                var new_point = new BMap.Point(longitude,latitude);
                var marker = new BMap.Marker(new_point);//创建标注
                map.addOverlay(marker);//将标注添加到地图中
                map.panTo(new_point);
                var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
                map.openInfoWindow(infoWindow,new_point); //开启信息窗口
            }else{
                layer.alert('ID：'+ data.id + ' 定位失败，经纬度信息为空')
            }
            //百度地图定位 End
        }
    });


    //删除方法
    function del(data) {
        $.ajax({
            url: "delTPStall.do",
            data: {perStallId: data.perStallId},
            type: "delete",
            dataType: "json",
            success: function (res) {
                if (res.code == 200) {
                    //刷新表格
                    layer.msg(res.msg);
                    table.reload();
                } else if (res.code == -1) {
                    layer.msg(res.msg);
                }
            }
        });
    }

    //详情页
    function lookComm(data) {
        var index = layui.layer.open({
            title: "查看详情",
            type: 2,
            content: "toUserMod.do",
            area: ['650px', '600px'],
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);//少了这个是不能从父页面向子页面传值的
                body.contents().find("#perStallAddress").val(data.perStallAddress);
                body.contents().find("#perUserTel").val(data.tperUser.perUserTel);
                body.contents().find("#perUserName").val(data.tperUser.perUserName);
                body.contents().find("#perStallPrice").val(data.perStallPrice);
            }
        });
        //layui.layer.full(index);//全屏显示
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }
});
